<template>
	<view class="safe-wrapper">
		<top-nav title="安全设置"></top-nav>
		<!-- <view class="item">
			<view class="left">
				<view class="name">Touch ID</view>
				<view class="desc">开启指纹识别用于转账或登录</view>
			</view>
			<view class="right">
				<u-switch v-model="checked"  active-color="rgba(255, 183, 33,0.5)" inactive-color="#eee"></u-switch>
			</view>
		</view> -->
		<view class="item">
			<view class="left">
				<view class="name">常用汇率</view>
				<view class="desc">选择一个常用货币汇率作为基准汇率</view>
			</view>
			<view class="right">
				<u-input v-model="value" :type="type" :custom-style="{color:'#fff'}" :border="border" @click="show = true" />
				<u-action-sheet :list="actionSheetList" v-model="show" @click="actionSheetCallback"></u-action-sheet>
			</view>
		</view>
		<view class="item" @click="gotoPage('/pages/safe/copy')">
			<view class="left">
				<view class="name">备份钱包</view>
				<view class="desc">备份钱包以便将来恢复身份钱包下的资产</view>
			</view>
		</view>
		<view class="item" @click="gotoPage('/pages/login/step5?type=resetPassword')">
			<view class="left">
				<view class="name">更改支付密码</view>
				<view class="desc">更改您的支付密码</view>
			</view>
		</view>
<!-- 		<view class="item">
			<view class="left">
				<view class="name origin">Delete Account</view>
				<view class="desc">清除你的账户信息</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import topNav from '../../components/top-nav/top-vue.vue';
	export default{
		components:{
			topNav:topNav
		},
		data(){
			return {
				checked: false,
				value: 'USD',
				type: 'select',
				show: false,
				border: false,
				actionSheetList: [
					{
						text: 'USD',
						color:'blue'
					},
					{
						text: 'USD!',
						color:'blue'
					},
					{
						text: 'USD2',
						color:'blue'
					}
				],
			}
		},
		methods:{
			gotoPage(path){
				uni.navigateTo({
				    url: path
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.safe-wrapper{
		.item{
			display: flex;
			height: 80*2rpx;
			align-items: center;
			padding:0 40rpx;
			.left{
				flex:1;
				.name{
					font-size:18*2rpx;
					&.origin{
						color:#FD6F6F;
					}
				}
				.desc{
					font-size:14*2rpx;
					opacity: 0.5;
				}
			}
			.right{
				width: 100rpx;
			}
		}
	}
</style>
